feat(about): 添加推荐分享模块和社交链接样式优化

- 新增推荐分享模块，包含动画效果和夜间模式适配
- 优化社交图标样式，统一设计风格
- 调整移动端社交布局，提升用户体验
- 修复夜间模式下文字阴影显示问题
- 移除重复的桌面端社交样式定义

about.html

@@ -129,6 +129,15 @@
                         <a href="javascript:void(0);" onclick="toggleWechat()" class="s-icon" aria-label="WeChat QR code" tabindex="0"><i class="ri-wechat-fill"></i></a>
                         <a href="https://juejin.cn/user/3659591622878503" target="_blank" class="s-icon" aria-label="Juejin profile" tabindex="0"><i class="ri-code-box-line"></i></a>
                     </div>
+                    <!-- 推荐分享模块 TRAE 链接：https://www.trae.ai/s/8HSXCa -->
+                    <div class="recommend-share-module">
+                        <a href="https://www.trae.ai/s/8HSXCa" target="_blank" class="share-link" aria-label="推荐分享">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" class="share-icon">
+                                <path stroke="#32F08C" stroke-width="1.35" d="M3.75 9H3V6h12v3h-.75M3.75 9v6h10.5V9M3.75 9h10.5M9 6V4.75M9 6H7.75a2.5 2.5 0 0 1-2.5-2.5c0-.69.56-1.25 1.25-1.25A2.5 2.5 0 0 1 9 4.75M9 6h1.25a2.5 2.5 0 0 0 2.5-2.5c0-.69-.56-1.25-1.25-1.25A2.5 2.5 0 0 0 9 4.75M9 6v9"></path>
+                            </svg>
+                            <span class="badge-dot"></span>
+                        </a>
+                    </div>
                 </div>
             </div>