feat(css): 实现现代化毛玻璃效果和动态主题系统

- 引入CSS变量系统，定义完整的色彩和样式变量
- 应用radial-gradient和linear-gradient创建动态背景效果
- 实现backdrop-filter毛玻璃效果，增强视觉层次感
- 添加悬停交互反馈和过渡动画
- 统一文字颜色和背景透明度处理
- 优化移动端显示效果和响应式设计
- 增强阴影效果和边框样式一致性
- 添加orbit轨道动画和相位控制
- 改进渐变色应用和文本填充效果
- 优化技术栈标签云的视觉表现

about.html

@@ -116,6 +116,8 @@
                         <span class="cloud-tag" data-weight="4" data-category="core">Python</span>
                         <span class="cloud-tag" data-weight="4" data-category="core">JavaScript</span>
                         <span class="cloud-tag" data-weight="5" data-category="backend">Spring Boot</span>
+                        <span class="cloud-tag" data-weight="5" data-category="backend">WebFlux</span>
+                        <span class="cloud-tag" data-weight="5" data-category="backend">Reactor</span>
                         <span class="cloud-tag" data-weight="3" data-category="core">TypeScript</span>
                         <span class="cloud-tag" data-weight="4" data-category="backend">Spring Cloud</span>
                         <span class="cloud-tag" data-weight="3" data-category="core">Go</span>
@@ -144,7 +146,10 @@
                         <span class="cloud-tag" data-weight="2" data-category="ai">Transformers</span>
                         <span class="cloud-tag" data-weight="2" data-category="ai">Scikit-learn</span>
                         <span class="cloud-tag" data-weight="1" data-category="ai">Ollama</span>
+                        <span class="cloud-tag" data-weight="1" data-category="ai">Dify</span>
+                        <span class="cloud-tag" data-weight="1" data-category="ai">Spring AI</span>
                         <span class="cloud-tag" data-weight="1" data-category="data">ClickHouse</span>
+                        <span class="cloud-tag" data-weight="1" data-category="data">Postgresql</span>
                     </div>
                 </div>
                 <div class="tech-philosophy">
@@ -196,6 +201,8 @@
                     <h2 class="section-title">开源项目</h2>
                     <p class="section-subtitle">用代码改变世界</p>
                 </div>
+                <div id="github-profile"></div>
+                <div id="github-commits"></div>
                 <div class="projects-masonry" id="projects-container">
                     <div class="loading-placeholder">
                         <div class="loading-spinner"></div>
@@ -291,7 +298,7 @@
                         <span class="close" onclick="hideWechatQR()">&times;</span>
                         <h3>微信公众号</h3>
                         <div class="qr-code">
-                            <img src="https://blog-file.hehouhui.cn/wechat/mp-honesy.jpg alt="微信公众号二维码" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjBmMGYwIi8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzk5OSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iPuW+ruS/oeS6jOe7tOeggeWNs+WwhuS4iue6vzwvdGV4dD48L3N2Zz4='">
+                            <img src="https://blog-file.hehouhui.cn/wechat/mp-honesy.jpg" alt="微信公众号二维码" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjBmMGYwIi8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzk5OSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iPuW+ruS/oeS6jOe7tOeggeWNs+WwhuS4iue6vzwvdGV4dD48L3N2Zz4='">
                         </div>
                         <p>扫码关注获取最新技术文章</p>
                     </div>