为博客添加暗色模式功能，要求：
**功能：**
1.导航栏添加切换按钮（太阳/月亮图标）
2.用户选择保存在localStorage
3.默认跟随系统主题
4.首次加载时无闪烁（使用next/script）
**颜色配置：**
-浅色模式：
--背景：#fff
--文字：#1a202c
--主色：#3b82f6(蓝色)
-暗色模式：
--背景：#1a202c
--文字：#f7fafc
--主色：#60a5fa(浅蓝色)
**实现：**
1.使用next-themes库，简化暗色模式实现
请生成完整代码，包括ThemeContext和切换按钮组件。
使用以上说明，优化暗色模式。这次使用了gemini3 pro编码，速度有点慢，但一次生成，没有像glm要多次提示错误。 如下图：
